.lend_goods_mobile_wrap {
  width: 100vw;
  min-height: 100vh;
  overflow-y: auto;
  background-color: #f5f5f5;
  margin-bottom: 60px;

  .lend_return_log_box {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px;

    .log_item_box {
      width: 100%;
      background: white;
      border-radius: 6px;
      box-shadow:
        1px 1px 3px rgba(0, 0, 0, 0.04),
        -1px -1px 3px rgba(0, 0, 0, 0.04);
      //   border: 1px solid red;

      .title_box {
        display: flex;
        flex-direction: row;
        padding: 12px;
        align-items: center;
        justify-content: space-between;
        // border: 1px solid red;
        border-bottom: 1px solid rgba(0, 0, 0, 0.23);
        // box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);

        .left_box {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 4px;

          .log_icon {
            width: 24px;
            height: 24px;
          }

          .time {
            position: relative;
            top: 1px;
          }
        }

        .right_box {
        }
      }

      .content_box {
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 6px;

        .field_item_box {
          display: flex;
          flex-direction: row;
          gap: 4px;
          font-size: 14px;
          letter-spacing: 1px;
          .label {
            width: 80px;
            text-align: right;
          }

          .value {
            flex: 1;
          }

          .desc {
            overflow-y: auto;
            min-height: 20px;
            word-wrap: break-word; /* 或者使用 overflow-wrap: break-word; */
          }
        }
      }
    }
  }
}

.placeholder_box {
  width: 80vw;
  height: 90px;
}
.nav_box {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
}

.placeholder_box_top {
  width: 80vw;
  height: 42px;
}

.logs_loading {
  position: fixed;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
